<template>
  <el-pagination
      @size-change="val => $emit('size-change', val)"
      @current-change="val => $emit('current-change', val)"
      :current-page="pageSize.page"
      :page-sizes="pageSizes"
      :page-size="pageSize.size"
      layout="total, prev, pager, next, sizes"
      :total="total"
    >
  </el-pagination>
</template>
<script>
export default {
  name: 'bdPage',
  props: {
    pageSize: {
      type: Object,
      default: () => ({
        page: 0,
        size: 10
      })
    },
    pageSizes: {
      type: Array,
      default: () => [10, 20, 30]
    },
    total: {
      type: Number,
      default: 100
    }
  }
}
</script>
<style lang="scss" scoped>

</style>
